<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Register Merchant System</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
	crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
	crossorigin="anonymous"></script>

<style type="text/css">
body {
	background-color: honeydew;
	margin: 0;
	padding: 0;
	margin: 0;
}
#regform{
	font: 0.9em Georgia, serif;
}
h2 {
	text-align: center;
}

#wrapper{
	width: 500px;
	height: 650px;
	padding: 10px;
	margin-top: 0%;
	margin-left: 35%;
	margin-right: auto;
	display: block;
}
#wrapper div {
	margin-left: 10px;
	margin-top: 15px;
}
#addr{
	text-align:left;
	padding-left: 13px;
}
#cpwd{
	width:150px;
	text-align:left;
	padding-left: 13px;
}
#piclb{
	width:128px;
	text-align:left;
	padding-left: 13px;
}
#portraitlb{
	text-align:left;
	width:130px;
	padding-left: 13px;
}
#icnum{
	width:130px;
	text-align:left;
}
.pic{
	width:280px;	
}
button {
	margin-left: 43%;
}
.back-box {
	margin-top: 20px;
}

.back-box a {
	font: 1em Georgia, serif;
	margin-left: 44%;
	color: #4a4744;
	font-size: 13px;
	text-decoration: none;
}

.back-box a:hover {
	color: #ff7d0a;
}

.back-box a:active {
	color: #ee7204;
}
</style>
</head>
<body>

	<div id="wrapper">
		<form class="form-horizontal" id="regform"method="post" action="regist"
			enctype="multipart/form-data">
			<div class="form-group">
				<label for="exampleInputName2" class="col-sm-2 control-label">UserName</label>
				<div class="col-sm-10">
					<input name="name" type="text" class="form-control"
						id="exampleInputName2" placeholder="UserName"> <span
						style="color: red">${nameMsg }</span>
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword3" class="col-sm-2 control-label piclb">Password</label>
				<div class="col-sm-10">
					<input name="password" type="password" class="form-control"
						id="inputPassword3" placeholder="Password"> <span
						style="color: red">${pwdMsg }</span>
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword3" id="cpwd" class="col-sm-2 control-label piclb">Confirm
					Password</label>
				<div class="col-sm-10">
					<input name="password" type="password" class="form-control"
						id="inputPassword3" placeholder="Confirm Password">
				</div>
			</div>
			<div class="form-group">
				<label for="exampleInputName2"  id="addr" class="col-sm-2 control-label">Address</label>
				<div class="col-sm-10">
					<input name="addr" type="text" class="form-control"
						id="exampleInputName2" placeholder="Address">
				</div>
			</div>
			<div class="form-group">
				<label for="exampleInputName2"  id="icnum" class="col-sm-2 control-label">IC Number</label>
				<div class="col-sm-10">
					<input name="icnum" type="text" class="form-control"
						id="exampleInputName2" placeholder="IC Number">
				</div>
			</div>
			<div class="form-group">
				<label for="exampleInputFile" id="piclb" class="col-sm-2 control-label">IC-Card Image&nbsp;Upload
				</label>
				<div class="col-sm-10 pic">
					<input name="icpic" type="file" id="exampleInputFile">
					<span class="help-block">Choose IC card image here.</span>
				</div>
			</div>
			<div class="form-group">
				<label for="exampleInputFile" id="portraitlb" class="col-sm-2 control-label">Portrait Upload
				</label>
				<div class="col-sm-10 pic">
					<input name="portrait" type="file" id="exampleInputFile">
					<span class="help-block">Choose Portrait here.</span>
				</div>
			</div>
			
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="submit" class="btn btn-primary">Submit</button>
				</div>
			</div>
		</form>
		<div class="back-box">
			<a href="login.jsp">Back</a>
		</div>
	</div>
</body>
</html>